/*通配*/
*{
    margin: 0;
    padding: 0;
}
ul,li,a{
    list-style: none;
    text-decoration-line: none;
}

/*常用样式*/
.float-left{
    float: left;
}
.float-right{
    float: right;
}
.center{
    text-align: center;
}
.position-relative{
    position: relative;
}
.position-absolute{
    position: absolute;
}
.position-right{
    position: absolute;
    top: 0;
    right: 0;
}
.position-left{
    position: absolute;
    top: 0;
    left: 0;
}

/*布局*/
header{
    width: 100%;
    height: 80px;
    background-color: 	#708090;
}
main{
    width: 1200px;
    height: 600px;/*不要定高，影响进入考试*/
    margin: auto;
    background-color: #D3D3D3;
}
aside{
    width: 20%;
    /*height: 600px;*/
    height: 100%;
    border-left:2px solid #708090;
    border-right: 2px solid #708090;
    box-sizing: border-box;
}
article{
    width: 80%;
    /*height: 600px;*/
    height: 100%;
    box-sizing: border-box;
    /*background-color: red;*/
    border-right:2px solid #708090;
}
footer{
    width: 100%;
    height: 80px;
    background-color: 	#708090;
    /*background-color: red;*/
}

/*header部分*/
.student-title{
    font-family: "黑体";
    font-size: 40px;
    line-height: 2;
}
.student-img{
    width: 50px;
    height: 50px;
    margin: 11px;
    right: 20px;
}
.student-img img{
    width: 50px;
    height: 50px;
    border-radius: 50%;
    border: 4px solid white;
    cursor: pointer;
}
.student-img:hover img{
    border: 4px solid black;
}
.student-img:hover .others-detail{
    display: block;
}
.student-img .others-detail{
    display: none;
    top:50px;
    width: 100px;
    line-height: 1.5;
    background-color: rgba(50,50,0,0.1);
    border: 1px solid black;
    color: white;
}
.student-img .others-detail ul{
    width: 100%;
}
.student-img .others-detail li{
    width: 80%;
    margin: auto;
}
.student-img .others-detail li:last-child{
    cursor: pointer;
    color: red;
}

/*aside部分*/
aside ul{
    width: 100%;
    height: 200px;
    /*background-color: red;*/
}
aside ul li{
    width: 100%;
    height: 40px;
    line-height: 1;
    padding-top: 20px;
    border-bottom: 1px solid #708090;
}
aside ul li:hover{
    background-color: #EEEEE0;
    cursor: pointer;
}
